<template>
    <h1>管理首页</h1>
  <el-table :data="list" border style="width: 100%" class="list">
    <el-table-column prop="username" label="登录账户" width="180"  />
    <el-table-column prop="lastLogin.ip" label="上次登录ip" width="180" />
    <el-table-column prop="lastLogin.loginTime" label="上次登录时间"  sortable />
    <el-table-column prop="nowLogin.ip" label="本次登录ip" />
    <el-table-column prop="nowLogin.loginTime" label="本次登录时间" />
  </el-table>
</template>
<script setup>
import * as api from "../../../api/students"
import { onMounted,ref } from "vue";
let list =ref()
onMounted(()=>{
    getLoginList()
})
let getLoginList= async ()=>{
    let res =await api.getloginlogApi()
    list.value=res.data.data
}
</script>
<script>
export default{
  meta:{
    title: 'glsy', 
    name: '管理首页',
        icon:'icon-shouye1'
    }
}
</script>
<style lang="scss" scoped>
.list {
  :deep(.cell) {
    text-align: center;
    padding:20px 20px;
  }
  :deep(.el-table__header .cell) {
    padding:30px 20px;
    font-weight: 900;
  }
}

</style>